<div class="ui-widget-content" style="padding: 10px; width: 400px; margin: auto; background: none; border: none;">
	<div class="ui-widget-content ui-corner-all" style="width: 100%; padding: 5px;"> 
		<h3 class="ui-widget-header" style="margin-top: 0; text-align: center;"> 
			Registrácia 
		</h3>
		<div style="padding: 0 5px 5px;">
			{if isset($data.message)}
				<div class="ui-state-error" style="text-align: center;">
					<span class="ui-icon ui-icon-alert" style="float: left; margin:2px;">&nbsp;</span>
					{$data.message}
				</div>
			{/if}
			<form id="register" action="?action=register" method="POST">
				<table style="width: 100%;">
					<tr>
						<td>
							<label for="username"> Prihlasovacie meno: </label>
						</td>
						<td>
							<input class="input-text" id="username" type="text" name="username" />
						</td>
					</tr>	
					<tr>
						<td>
							<label for="password"> Heslo: </label>
						</td>
						<td>
							<input class="input-text" id="password" type="password" name="password" />
						</td>
					</tr>	
					<tr>
						<td>
							<label for="password2"> Zopakovať heslo: </label>
						</td>
						<td>
							<input class="input-text" id="password2" type="password" name="password2" />
						</td>
					</tr>
					<tr>
						<td>
							<label for="email"> E-mail: </label>
						</td>
						<td>
							<input class="input-text" id="email" type="text" name="email" />
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<input id="newsletter" type="checkbox" name="newsletter" checked />
							<label for="newsletter"> Prajem si dostávať novinky ohľadom beánie </label>
						</td>
						<td>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<input type="submit" value="Registrovať">
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>
</div>

<script type='text/javascript'>
{literal}
	$(function(){
		$('#register').validate({
			rules: {
				username : {
					required: true,
					minlength: 3,
					remote : {
						url : AJAX_URL,
						data : {
							action : 'check_username',
							controller : 'register'
						}
					}
				},
				password : {
					minlength : 5,
				    required : true
				    
				},
				password2 : {
					required : true,
					equalTo : '#password'
				},
				email : {
					required : true,
					email : true,
					remote : {
						url : AJAX_URL,
						data : {
							action : 'check_email',
							controller : 'register'
						}
					}
				} 
			},
			messages : {
				username : {
					minlength: 'Používateľské meno musí mať aspoň 3 znaky',
					required: 'Zadajte prosím Vaše prihlasovacie meno.',
					remote : 'Používateľ s daným prihlasovacím menom je už u nás zaregistrovaný.'
				},
				password : {
					required: 'Zadajte prosím Vaše heslo.',
					minlength: 'Heslo musí mať aspoň 5 znakov'
				},
				password2 : {
					required : 'Zopakujte prosím Vaše heslo.',
					equalTo : 'Zadané heslo sa nezhoduje s pôvodným.'
                },
				email : {
					required : 'Zadajte prosím Vašu e-mailovú adresu.',
					email : 'Zadaná e-mailová adresa nie je platná.',
					remote : 'Používateľ s daným e-mailom je už u nás zaregistrovaný.'
				}  
			}
			
		});
	});
{/literal}
</script>



